<template>
  <ul class="xiaobanxin tanxin">
    <li v-for="(item, index) in extInfo" :key="index">
      <img :src="item.imageUrl" alt="" />
      <div>ddddd</div>
      <div></div>
    </li>
  </ul>
</template>

<script>
import { GetaApi } from "@/request/api";
export default {
  data() {
    return {
      slideData: [],
      extInfo: [],
    };
  },
  components: {},
  methods: {},
  mounted() {},
  created() {
    GetaApi().then((res) => {
      this.extInfo = res.data.banners;
      console.log(this.slideData);
    });
  },
};
</script>
 
<style lang = "less" scoped>
@import "../../assets/base.less";
ul {
  overflow: hidden;
  li {
    width: 800px;
    height: 184px;
    div {
      background-color: red;
      z-index: 1;
    }
    img {
      width: 700px;
      height: 184px;
      background-color: red;
    }
  }
}
</style>